<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/common.css" />
    <link rel="stylesheet" href="css/news.css" />
  </head>
  <body>
    <!-- 头部标题 -->
    <div class="head">
      <div class="w">
        <div class="logo"></div>
        <ul class="nav">
          <li class="nav-item">
            <a href="index.html">首页</a>
            <span class="line"></span>
          </li>
          <li class="nav-item">
            <a href="project.html">项目</a>
            <span class="line"></span>
          </li>
          <li class="nav-item">
            <a href="product.html">产品</a>
            <span class="line"></span>
          </li>
          <li class="nav-item">
            <a href="services.html">服务</a>
            <span class="line"></span>
          </li>
          <li class="nav-item active">
            <a href="news.html">新闻</a>
            <span class="line"></span>
          </li>
          <li class="nav-item">
            <a href="about.html">关于</a>
            <span class="line"></span>
          </li>
        </ul>
      </div>
    </div>
    <!-- 新闻 -->
    <div class="news">
      <div class="w">
        <div class="locate">
          <p>
            您的位置:&nbsp;&nbsp;&nbsp;新闻
            <img src="news/icon.png" alt="" />
            <span>新闻资讯</span>
          </p>
        </div>
        <div class="contain">
          <div class="pic">
            <img src="news/news-1.jpg" alt="" class="p" />
            <img src="news/news-2.jpg" alt="" class="p" />
          </div>
          <ul class="info">
            <li class="list-item first">
              <div class="box">
                <h2 class="l">看得到的品质，看不到的用心!</h2>
                <h2 class="r">06-11</h2>
              </div>
              <p>
                专注品质，从现代生活崇尚简约大气的角度出发，家具不仅仅是一件家具这么简单，更是一件工艺品的象征
              </p>
            </li>
            <li class="list-item">
              <div class="box">
                <h2 class="l">TAOLIVING整体家居 低调都市风。</h2>
                <h2 class="r">06-14</h2>
              </div>
              <p>
                东南亚风格明显的MANILA系列家具，因“自然原材
                传承工艺”的独特气质，成为
                TAOLIVING整体家居的品鉴之作。如果搭配得当，则能巧妙地营造出低调。
              </p>
            </li>
            <li class="list-item">
              <div class="box">
                <h2 class="l">传统经典的美式造型,简约沙发！</h2>
                <h2 class="r">06-20</h2>
              </div>
              <p>
                好看的布料可以很实用，实用的布料也可以很美观！白色窗帘就是这样的布料。
                大家都知道它的功能是遮光挡风，但是松松地在尾部打个结，就可以得到意想不
                到的效果。
              </p>
            </li>
            <li class="list-item">
              <div class="box">
                <h2 class="l">家居消费高峰期 注意提防甲醛超标。</h2>
                <h2 class="r">06-28</h2>
              </div>
              <p>
                尽管家具合格率逐年上升，但甲醛释放量超标依然是排在家居行业不合格产品问
                题中的首要难题。
              </p>
            </li>
            <li class="list-item">
              <div class="box">
                <h2 class="l">小空间大运用 衣柜驻家有术。</h2>
                <h2 class="r">07-02</h2>
              </div>
              <p>
                嫌您的卧室四面都是墙壁过于单调?衣柜太大霸占空间?让你的衣柜“钻”进墙内吧!
                建议正方形更衣间，可设计为U字形柜体，完全贴合壁面。
              </p>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 尾部导航 -->
    <div class="footer">
      <div class="w">
        <ul class="list">
          <li class="list-item">
            <div class="info first">
              <p>简设装饰有限公司</p>
              <img src="img/weibo.png" alt="" />
              <img src="img/weixin.png" alt="" class="second" />
              <img src="img/qq.png" alt="" />
            </div>
            <div class="right-line"></div>
          </li>
          <li class="list-item">
            <div class="info">
              <p>地址：中国地区**分区6号写字楼888室</p>
              <p>电话：688-8888-008</p>
              <p>传真：000-66668888</p>
            </div>
            <div class="right-line"></div>
          </li>
          <li class="list-item">
            <div class="info">
              <p>邮编：100000</p>
              <p>手机：186-6006-8008</p>
              <p>邮箱：00060008@163.com</p>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </body>
</html>
